<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    function a(){
        Swal.fire({
            title: '<strong style="color: #87adbd">即将提交画布</strong>',
            icon: 'question',
            html:
                '<span style="color:#f8bb86;">提交后不可修改</span>',
            showCloseButton: true,
            showCancelButton: true,
            focusConfirm: true,
            confirmButtonText:
                '<i class="iconfont">&#xe61b;</i> 确认提交',
            confirmButtonColor: '#158bf0',
            cancelButtonText:
                '<i class="iconfont">&#xe630;</i> 返回编辑'
        }).then((isConfirm) =>{
            try {
                if (isConfirm.value){
                    Swal.fire('ok')
                }else{
                    Swal.fire('no')
                }
            }catch (e){
                console.log(e)
            }
        })

    }
</script>
<body>
    <button onclick="a()">f1</button>
</body>
<style>
    @font-face {
        font-family: 'iconfont';  /* Project id 3157013 */
        src: url('//at.alicdn.com/t/font_3157013_7exqiwulpg8.woff2?t=1648907575895') format('woff2'),
        url('//at.alicdn.com/t/font_3157013_7exqiwulpg8.woff?t=1648907575895') format('woff'),
        url('//at.alicdn.com/t/font_3157013_7exqiwulpg8.ttf?t=1648907575895') format('truetype');
    }
    .iconfont{
        font-family:"iconfont",serif;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
    }
</style>
</html>